@font-face {
  font-family: PingFang SC;
  src: url("../font/PINGFANGSC-MEDIUM.OTF");
}
@font-face {
  font-family: Alimama ShuHeiTi;
  src: url("../font/ALIMAMASHUHEITI-BOLD.TTF");
}
.bigscreen-font-title {
  font-family: Alimama ShuHeiTi;
  font-weight: bold;
  font-size: 20px;
  color: #d2f1f1;
}
.bigscreen-font-shuhei-24 {
  font-family: Alimama ShuHeiTi;
  font-weight: bold;
  font-size: 24px;
}
.bigscreen-font-shuhei-18 {
  font-family: Alimama ShuHeiTi;
  font-weight: bold;
  font-size: 18px;
}
.bigscreen-font-bold-32 {
  font-family: DIN;
  font-weight: bold;
  font-size: 32px;
}
.bigscreen-font-bold-24 {
  font-family: DIN;
  font-weight: bold;
  font-size: 24px;
}
.bigscreen-font-bold-20 {
  font-family: DIN;
  font-weight: bold;
  font-size: 20px;
}
.bigscreen-font-bold-18 {
  font-family: DIN;
  font-weight: bold;
  font-size: 18px;
}
.bigscreen-font-bold-16 {
  font-family: DIN;
  font-weight: bold;
  font-size: 16px;
}
.bigscreen-font-bold-14 {
  font-family: DIN;
  font-weight: bold;
  font-size: 14px;
}
.bigscreen-font-normal-32 {
  font-family: DIN;
  font-weight: 500;
  font-size: 32px;
}
.bigscreen-font-normal-24 {
  font-family: DIN;
  font-weight: 500;
  font-size: 24px;
}
.bigscreen-font-normal-20 {
  font-family: DIN;
  font-weight: 500;
  font-size: 20px;
}
.bigscreen-font-normal-18 {
  font-family: DIN;
  font-weight: 500;
  font-size: 18px;
}
.bigscreen-font-normal-16 {
  font-family: DIN;
  font-weight: 500;
  font-size: 16px;
}
.bigscreen-font-normal-14 {
  font-family: DIN;
  font-weight: 500;
  font-size: 14px;
}
// 渐变色文字绿色
.bigscreen-font-text-clip-green {
  font-size: 24px;
  color: #ffffff;
  background: linear-gradient(0deg, #3cffe9 10%, #fff 66%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: DIN;
}
// 渐变色文字橙色
.bigscreen-font-text-clip-orange {
  font-size: 24px;
  color: #ffffff;
  background: linear-gradient(0deg, #ffb400 10%, #fff 66%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-family: DIN;
}
// 标题渐变文字
.bigscreen-text-clip-title {
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  line-height: 19px;
  background: linear-gradient(
    0deg,
    rgba(163, 201, 252, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
// 数字渐变文字
.bigscreen-text-clip-num {
  font-family: YouSheBiaoTiYuan;
  font-weight: 400;
  font-size: 26px;
  color: #ffffff;
  text-shadow: 0px 2px 4px rgba(255, 255, 255, 0.4);
  background: linear-gradient(0deg, #3ff0b2 10%, #ffffff 80%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 26px;
}
.bigscreen-text-clip-num-bg {
  background: linear-gradient(0deg, #3ff0b230 39%, rgba(8, 167, 249, 0) 100%);
}
